.w1880{
	width: 1880px;
}
.w110{
	width: 110px;
}
.ml30{
	margin-left:30px;
}
.mr148{
	margin-right: 148px;
}
.mr140{
	margin-right: 140px;
}
.mr258{
	margin-right: 258px;
}
.mr108{
	margin-right: 108px;
}
.mr10{
	margin-right:10px;
}
.mr28{
	margin-right:28px;
}
.mt20{
	margin-top:10px;
}
.mt22{
	margin-top:20px;
}
.left-main{
	width: 450px;
	height: 846px;
}
.right-main{
	/*width: 1410px;*/
	width:1880px;
}
.fz26{
	font-size: 26px;
}
/* 左侧 */
.date-time{
	width: 100%;
	height: 50px;
	border-bottom:1px solid #09496d;
	padding: 12px 20px 0px;
}
.date-time input{
	width: 150px;
}
.quanwang-data{
	width: 100%;
	height: 70px;
	border-bottom:1px solid #09496d;
	padding:16px 0px;
}
.quanwang-data > div{
	width: calc(100% / 2);
	text-align: center;
	line-height: 38px;
}
.br{
	border-right:1px solid #09496d;
}
.zongqushi{
	width: 100%;
	height: 240px;
	border-bottom:1px solid #09496d;
}
.yalifenbu{
	width: 100%;
	height: 240px;
	border-bottom:1px solid #09496d;
}
.bodongguiyin{
	width: 100%;
	height: 246px;
}
.line{
	padding: 2px;
}

/* 昨日数据 */
.before-data{
	width: 100%;
	height: 120px;
}

.before-data > li{
	width:calc(100% / 4 );
	text-align: center;
	line-height: 60px;
}

.before-data > li .title{

}

.before-data > li .content{
	
}

/* 昨日图表 */
.before-view{

}
.before-view > li{
	width: calc(100% / 3);
	height: 354px;
}
.before-view .title{
	font-size: 20px;
	color:#01ceff;
}
.title a{
	font-size: 16px;
	color:#01ceff;
}
.query{
	width: 80px;
    height: 26px;
    background: rgba(0,197,246,0.65);
    border: none;
    outline: none;
    font-size: 14px;
    color: rgb(176,233,254);
    cursor:pointer;
}
.data-chart{
	width: 100%;
	height: 292px;
}
/*参数设置*/
.app{
	padding:40px 10px 0 10px;
	width: 820px;
	height: 660px;
	background: rgba(49,69,80,1);
	position: absolute;
	left: 534px;
	top: 160px;
}
.ivu-input {
	!important;
	background: rgb(9,73,109);
	height: 32px;
	padding: 4px 7px;
	font-size: 12px;
	border: 1px solid #b0e9fe;
	border-radius: 4px;
	color: #fff;
	cursor: text;
	transition: border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;
}
.font18{
	font-size: 18px;
	color: #b0e9fe
}
.inputtop{
	padding-left: 50px;
	padding-right: 30px;
}
.inputbottom{
	padding-left:10px;
}
.ivu-select-placeholder{
	background: rgb(9,73,109);
}
.ivu-select{
	margin-left:20px;
	padding-left:20px;
}
.ivu-select-selection{
	background: rgb(9,73,109);
	border:1px solid #b0e9fe
}
.ivu-select-selected-value{
	color: #ffffff;
}
.ivu-select-item{
	!important;
	background: #3fa3e0;
}
.inpbut{
	line-height: 40px;
	display: block;
	width: 80px;
	height: 40px;
	background: rgb(9,73,109);
	border: 1px solid #b0e9fe;
	border-radius: 4px;
}
.inpbut-frame{
	cursor: pointer;
	width: 80px;
	height: 32px;
	background: rgb(9,73,109);
	border: 1px solid #b0e9fe;
	border-radius: 4px;
	margin-left: 20px;
}
.chartapp{
	padding:40px;
	width: 800px;
	height: 600px;
	position: absolute;
	left: 534px;
	top: 235px;
}
#chartapp{
	width: 700px;
	height:500px;
}
.ivu-select-dropdown{
    !important;
	background:#12496b;
}
.data-picker{
	margin-left:17px;
}
.title-h3 a{
	!important;
	font-size: 18px;
	color: #b0e9fe;
	font-weight: normal;
}
.active{
	cursor:pointer;
	font-size: 18px;
	color: #3a82a2;
	font-weight: normal;
}
.closeIcon{
	width: 18px;
	height: 18px;
	display: block;
	background: url("../img/close.png") no-repeat 0 0;
}